<template>
  <el-row>
    <el-col :span="24">
      <div class="menu_box"><Menu></Menu></div>
    </el-col>
    <el-tabs type="border-card">
      <el-tab-pane :label="msg+'医生信息管理'"><Doctor></Doctor></el-tab-pane>
      <el-tab-pane label="病人信息管理"><User></User></el-tab-pane>
      <el-tab-pane label="线下就诊订单管理"><Order></Order></el-tab-pane>
      <el-tab-pane label="上门就诊订单管理"><Offline></Offline></el-tab-pane>
    </el-tabs>
  </el-row>
</template>

<script>
import Menu from "../views/Menu.vue";
import Doctor from '../views/DoctorList.vue';
import User from '../views/UserList.vue';
import  Order from '../views/Order.vue'
import Offline from '../views/Offline.vue'
export default {
  components: {
    Menu,
    Doctor,
    User,
    Order,
    Offline
  },
  data () {
    return {
      msg:''
    }
  },
  created () {
    this.$bus.$on('gohome',res=>{
      this.msg = res
      console.log(this.msg)
    })
  }
};
</script>

<style scoped>
.menu_box {
  height: 80px;
  width: 100%;
  /* border: 1px solid palevioletred; */
  box-sizing: border-box;
}
.el-row {
  padding: 0;
}
.el-card__body {
  padding: 0 !important;
}
.el-tabs{
  width: 80%;
  margin: 20px auto;
  border-radius: 10px;
}
.el-tab-pane{
  min-height: 800px;
  box-sizing: border-box;
  height: auto;
}
.el-row{
  overflow-y: scroll;
}
</style>
